import React from 'react'
import { homeRouter } from '../../router'
import { Outlet } from 'react-router-dom'
import { Badge, TabBar } from 'antd-mobile'
import { useNavigate } from 'react-router-dom'
import styles from './index.module.css'
function Myloaiut() {
    let navgetion=useNavigate()
    return (
        <div className={styles.tabler}>
            <main>
                <Outlet></Outlet>
            </main>
            <footer>
                <TabBar onChange={(key)=>navgetion(key)}>
                    {homeRouter.map(item => (
                        <TabBar.Item key={item.path} icon={item.icon} title={item.title} />
                    ))}
                </TabBar>
            </footer>
        </div>
    )
}

export default Myloaiut
